<!--
 * @Descripttion: 
 * @version: 
 * @Author: zhangfan
 * @email: 2207044692@qq.com
 * @Date: 2021-02-25 09:16:14
 * @LastEditors: younghxp
 * @LastEditTime: 2021-12-09 10:34:24
-->
<template>
  <!--拨付设置-->
  <div class="container mainCon">
    <div style="position: relative">
      <div
        style="
          position: absolute;
          top: 17px;
          left: 130px;
          z-index: 100;
          font-size: 12px;
          color: #666666;
        "
      >
        设置辖区内各区域各行业工程项目的工资专户拨付条件，以便自动生成各项目的专户拨付计划，督促企业按时足额拨付工资款至工资专户。
      </div>
      <el-tabs
        v-model="activeName"
        type="card"
        @tab-click="handleClick"
        class="commonTab"
      >
        <el-tab-pane label="拨付设置" name="first">
          <allocatedSetList v-if="isShowFirst"></allocatedSetList>
        </el-tab-pane>
        <!--            <el-tab-pane label="保底额设置" name="second">-->
        <!--            </el-tab-pane>-->
      </el-tabs>
    </div>
  </div>
</template>

<script>
import allocatedSetList from '@/components/specialAccount/allocatedSetList'
export default {
  name: 'allocatedSet',
  components: {
    allocatedSetList,
  },
  data() {
    return {
      activeName: 'first',
      isShowFirst: true,
      isShowSecond: false,
    }
  },
  created() {},
  methods: {
    //tabs栏切换
    handleClick(tab, event) {
      if (tab.label == '拨付设置') {
        this.isShowFirst = true
      } else if (tab.label == '保底额设置') {
        this.isShowSecond = true
      }
    },
  },
}
</script>

<style scoped lang="less">
.mainCon {
  padding-top: 0;
}
</style>
